page {
	nin-height: 100%;
}
.container {
	width: 100%;
	height: 100%;
	padding: 20rpx 20rpx 80rpx 20rpx;
}
.talkContent{
	padding-bottom: 80rpx;
}
//左边消息样式
.item_left {
	display: flex;
	padding: 20rpx;
	overflow: hidden;
	
	&-box {
		position: relative;
		max-width: 70%;
		overflow: hidden;
		line-height: 1.2;
		padding-left: 40rpx;
		letter-spacing: 0.02em;
		// &::before {
		// 	position: absolute;
		// 	display: inline-block;
		// 	content: '';
		// 	width: 30rpx;
		// 	height: 44rpx;
		// 	background-image: url(/static/message-box.png);
		// 	background-repeat: no-repeat;
		// 	background-position: 0 -10rpx;
		// 	top: 8rpx;
		// 	left: 26rpx;
		// }
	}
	&-text {
		border: 1px solid #eee;
		border-radius: 20rpx;
		padding: 15rpx;
		word-wrap: break-word;
		font-size: 30rpx;
		color: #999;
	}
	&-avatar {
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
		overflow: hidden;
			
		image {
			height: 100%;
			width: 100%;
		}
	}
}

//右边消息样式
.item_right {
	display: flex;
	padding: 20rpx;
	overflow: hidden;
	flex-direction: row-reverse;
	
	&-box {
		position: relative;
		max-width: 70%;
		overflow: hidden;
		padding-right: 40rpx;
		line-height: 1.2;
		letter-spacing: 0.02em;
		// &::after {
		// 	position: absolute;
		// 	display: inline-block;
		// 	content: '';
		// 	width: 30rpx;
		// 	height: 44rpx;
		// 	background-image: url(/static/message-box1.png);
		// 	background-repeat: no-repeat;
		// 	background-position: 0 -10rpx;
		// 	transform: rotate(180deg);
		// 	top: 14rpx;
		// 	right: 26rpx;
		// }
	}
	&-text {
		border: 1px solid #eee;
		border-radius: 20rpx;
		padding: 15rpx;
		word-wrap: break-word;
		font-size: 30rpx;
		color: #fff;
		background-color: #f38a15;
	}
	&-avatar {
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
		overflow: hidden;
			
		image {
			height: 100%;
			width: 100%;
		}
	}
}

// 输入框样式
.input {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80rpx;
	padding: 0 40rpx;
	box-shadow: 0 0 20rpx rgba($color: #000000, $alpha: 0.2);
	background-color: #fefefe;
	
	&-wrap {
		@extend %flexVcenter;
		height: 100%;
	}
	
	&-box {
		height: 100%;
		flex: 1;
		color: #666;
	}
	&-btn {
		height: 60rpx;
		line-height: 60rpx;
		// padding: 8rpx 33rpx !important;
		// width: 200rpx;
		text-align: center;
		background-color: #ee5b25;
		color: #fff !important;
		border-radius: 10rpx;
	}
}
